<!DOCTYPE html>
<html lang="zh_CN">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>砭石</title>
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/common.css">
    <link rel="stylesheet" href="../css/vipDetails.css">
    <link rel="stylesheet" href="https://at.alicdn.com/t/font_842683_458o0bjxo13.css">
</head>

<body>
    <header>
        <div class="top">
            <div class="title">
                <div class="logo"><img src="../images/logoWhite.png" alt=""></div>
                <p>后台管理系统</p>
            </div>
            <div class="login">
                <div class="userName">
                    <i class="icon iconfont icon-iconfontzhizuobiaozhun023104"></i>
                    <span>SZZ</span>
                </div>
                <div class="btn">安全退出</div>
            </div>
        </div>
    </header>
    <main>
        <nav class="leftNav">
            <ul>
                <li>
                    <a href="./home.html">
                        <i class="iconfont icon-shouye2"></i>
                        <span>首页&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
                    </a>
                </li>
                <li class="active">
                    <a href="./vip.html">
                        <i class="iconfont icon-iconfontzhizuobiaozhun023104"></i>
                        <span>会员管理</span>
                    </a>
                </li>
                <li>
                    <a href="./appoint.html">
                        <i class="icon-yuyue1 iconfont"></i>
                        <span>预约管理</span>
                    </a>
                </li>
                <li>
                    <a href="./serve.html">
                        <i class="icon-fuwuchuangb iconfont"></i>
                        <span>服务管理</span>
                    </a>
                </li>
                <li>
                    <a href="./news.html">
                        <i class="icon-xinwen iconfont"></i>
                        <span>新闻管理</span>
                    </a>
                </li>
                <li>
                    <a href="./store.html">
                        <i class="icon-dianpufill iconfont"></i>
                        <span>店铺管理</span>
                    </a>
                </li>
                <li>
                    <a href="./area.html">
                        <i class="icon-quyuditu iconfont"></i>
                        <span>区域设定</span>
                    </a>
                </li>
                <li>
                    <a href="./vipGrade.html">
                        <i class="icon-vip iconfont"></i>
                        <span>会员等级</span>
                    </a>
                </li>
                <li>
                    <a href="./order.html">
                        <i class="icon-dingdan iconfont"></i>
                        <span>订单管理</span>
                    </a>
                </li>
                <li>
                    <a href="./operatingCenter.html">
                        <i class="icon-shezhi iconfont"></i>
                        <span>运营中心</span>
                    </a>
                </li>
                <li>
                    <a href="./record.html">
                        <i class="icon-jiankang iconfont"></i>
                        <span>健康档案</span>
                    </a>
                </li>
            </ul>
        </nav>
        <div class="rightContent">
            <div class="title">当前所在位置：会员管理 > <span>张益达</span></div>
            <div class="vipHead backWit">
                <p class="icon"><span class="iconfont icon-suoding"></span></p>
                <div class="headImg">
                    <img src="../images/img.jpg" alt="">
                </div>
                <div class="userName">张大爷</div>
                <div class="grade"><span>VIP1</span></div>
            </div>
            <div class="detailsMain">
                <div class="vipUser ">
                    <div class="vipTime backWit">
                        <h3>2018年09月20日</h3>
                        <p>成为会员</p>
                    </div>
                    <div class="vipData backWit">
                        <ul>
                            <li>
                                <span>性别</span>
                                <p>男</p>
                            </li>
                            <li>
                                <span>生日</span>
                                <p>1990.09.29</p>
                            </li>
                            <li>
                                <span>电话</span>
                                <p>17600557163</p>
                            </li>
                            <li>
                                <span>住址</span>
                                <p>山东省济南市花园东路1029号</p>
                            </li>
                            <li>
                                <span>爱好</span>
                                <p>吃、喝、嫖、赌</p>
                            </li>
                            <li>
                                <span>疾病</span>
                                <p>心脏病、冠心病、精神病、绳经病</p>
                            </li>
                        </ul>
                    </div>
                    <div class="record backWit">
                        <h2>85</h2>
                        <p>先帝创业未半而中道崩殂，今天下三分，益州疲弊，此诚危急存亡之秋也。然侍卫之臣不懈于内，忠志之士忘身于外者，盖追先帝之殊遇，欲报之于陛下也。诚宜开张圣听，以光先帝遗德，恢弘志士之气，不宜妄自菲薄，引喻失义，以塞忠谏之路也。
                            宫中府中，俱为一体，陟罚臧否，不宜异同。若有作奸犯科及为忠善者，宜</p>
                    </div>
                </div>
                <div class="vipOrder">
                    <div class="order backWit">
                        <h2>订单记录</h2>
                        <div class="tab">
                            <div class="thead">
                                <div class="tabTr">
                                    <div class="creatTime">
                                        下单时间
                                    </div>
                                    <div class="name">套餐名称</div>
                                    <div class="count">套餐次数</div>
                                    <div class="price">单价</div>
                                    <div class="num">订购数</div>
                                    <div class="money">总额</div>
                                    <div class="other">其它</div>
                                </div>
                            </div>
                            <div class="tbody" style="overflow-y:auto; overflow-x:hidden;height: 9rem;">
                                <div class="tabTr">
                                    <div class="creatTime">
                                        2018-09-20 14:08:00
                                    </div>
                                    <div class="name">砭石瞎几把套餐</div>
                                    <div class="count">22</div>
                                    <div class="price">99.0</div>
                                    <div class="num">2</div>
                                    <div class="money">198.0</div>
                                    <div class="other"><i class="iconfont icon-weixinzhifu"></i><span class="iconfont icon-xinxiinfo21"></span></div>
                                </div>
                                <div class="tabTr">
                                    <div class="creatTime">
                                        2018-09-20 14:08:00
                                    </div>
                                    <div class="name">砭石瞎几把套餐</div>
                                    <div class="count">22</div>
                                    <div class="price">99.0</div>
                                    <div class="num">2</div>
                                    <div class="money">198.0</div>
                                    <div class="other"><i class="iconfont icon-weixinzhifu"></i><span class="iconfont icon-xinxiinfo21"></span></div>
                                </div>
                                <div class="tabTr">
                                    <div class="creatTime">
                                        2018-09-20 14:08:00
                                    </div>
                                    <div class="name">砭石瞎几把套餐</div>
                                    <div class="count">22</div>
                                    <div class="price">99.0</div>
                                    <div class="num">2</div>
                                    <div class="money">198.0</div>
                                    <div class="other"><i class="iconfont icon-weixinzhifu"></i><span class="iconfont icon-xinxiinfo21"></span></div>
                                </div>
                                <div class="tabTr">
                                    <div class="creatTime">
                                        2018-09-20 14:08:00
                                    </div>
                                    <div class="name">砭石瞎几把套餐</div>
                                    <div class="count">22</div>
                                    <div class="price">99.0</div>
                                    <div class="num">2</div>
                                    <div class="money">198.0</div>
                                    <div class="other"><i class="iconfont icon-weixinzhifu"></i><span class="iconfont icon-xinxiinfo21"></span></div>
                                </div>
                                <div class="tabTr">
                                    <div class="creatTime">
                                        2018-09-20 14:08:00
                                    </div>
                                    <div class="name">砭石瞎几把套餐</div>
                                    <div class="count">22</div>
                                    <div class="price">99.0</div>
                                    <div class="num">2</div>
                                    <div class="money">198.0</div>
                                    <div class="other"><i class="iconfont icon-weixinzhifu"></i><span class="iconfont icon-xinxiinfo21"></span></div>
                                </div>
                                <div class="tabTr">
                                    <div class="creatTime">
                                        2018-09-20 14:08:00
                                    </div>
                                    <div class="name">砭石瞎几把套餐</div>
                                    <div class="count">22</div>
                                    <div class="price">99.0</div>
                                    <div class="num">2</div>
                                    <div class="money">198.0</div>
                                    <div class="other"><i class="iconfont icon-weixinzhifu"></i><span class="iconfont icon-xinxiinfo21"></span></div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="appoint backWit">
                        <h2>预约记录</h2>
                        <div class="tab">
                            <div class="thead">
                                <div class="tabTr">
                                    <div class="creatTime">
                                        创建时间
                                    </div>
                                    <div class="name">预约门店</div>
                                    <div class="count">预约次数</div>
                                    <div class="static">使用状态</div>
                                    <div class="useTime">使用时间</div>
                                </div>
                            </div>
                            <div class="tbody" style="overflow-y:auto; overflow-x:hidden;height: 9rem;">
                                <div class="tcontent">
                                    <div class="tabTr">
                                        <div class="creatTime">
                                            2018-09-20 14:08:00
                                        </div>
                                        <div class="name">砭石瞎几把套餐</div>
                                        <div class="count">22</div>
                                        <div class="static">使用状态</div>
                                        <div class="useTime">使用时间</div>
                                    </div>
                                    <div class="tabTr">
                                        <div class="creatTime">
                                            2018-09-20 14:08:00
                                        </div>
                                        <div class="name">砭石瞎几把套餐</div>
                                        <div class="count">22</div>
                                        <div class="static">使用状态</div>
                                    <div class="useTime">使用时间</div>
                                    </div>
                                    <div class="tabTr">
                                        <div class="creatTime">
                                            2018-09-20 14:08:00
                                        </div>
                                        <div class="name">砭石瞎几把套餐</div>
                                        <div class="count">22</div>
                                        <div class="static">使用状态</div>
                                    <div class="useTime">使用时间</div>
                                    </div>

                                </div>
                                <div class="tFooter">
                                    点击以查看更多
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </main>
    <script src="../js/jquery-3.3.1.js"></script>
    <script src="../js/echarts.min.js"></script>
    <script>
        $(function () {

        })
    </script>
</body>

</html>